<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <title></title>

  	<link rel="stylesheet" href="css/jquery.mobile-1.3.1.min.css">
	<link type="text/css" href="css/jqm-datebox.min.css" rel="stylesheet" /> 

  
  <!-- jQuery and jQuery Mobile -->
	<script src="js/jquery-1.9.1.min.js"></script>
  	<script src="js/jquery.mobile-1.3.1.min.js"></script>
  	<script type="text/javascript" src="js/jquery.mousewheel.min.js"></script>
	<script type="text/javascript" src="js/jqm-datebox.core.min.js"></script>
	<script type="text/javascript" src="js/jqm-datebox.mode.flipbox.min.js"></script>
	<script type="text/javascript" src="js/jquery.mobile.datebox.i18n.en_US.utf8.js"></script>
	<script type="text/javascript" src="js/jquery.mobile.datebox.i18n.pt-BR.utf8.js"></script>
	
	<script type="text/javascript" src="cordova-2.7.0.js"></script>
	<script type="text/javascript" src="js/scripts.js"></script>
	<script type="text/javascript" src="js/funcoes.js"></script>
   

	<body>

		<!-- Home -->
<div data-role="page" id="page1">
	<div data-theme="a" data-role="header" data-position="fixed">
		<h1>
			Vôos
		</h1>
	</div>
	<div data-role="content">
		<div data-role="collapsible-set" data-theme="a" data-content-theme="e" data-inset="false">
			<div id="colapse" data-role="collapsible" data-collapsed="false">
				<h3>
					Status do Vôo
				</h3>
				<div data-role="fieldcontain">
					<label for="codCompAerea">
						Linha Aérea
					</label>
					
						<ul id="listviewCompanias" data-role="listview" data-filter="true" data-filter-reveal="true" data-filter-placeholder="Search cars..." class="ui-listview">
							
						<li data-corners="false" data-shadow="true" data-iconshadow="true" data-wrapperels="div" data-icon="arrow-r" data-iconpos="right" data-theme="e" ><div class="ui-btn-inner ui-li"><div class="ui-btn-text"><a href="#" ><span id="jj">JJ - Tam Linhas Aereas</span></a></div></div></li>
						<li data-corners="false" data-shadow="false" data-iconshadow="true" data-wrapperels="div" data-icon="arrow-r" data-iconpos="right" data-theme="e" ><div class="ui-btn-inner ui-li"><div class="ui-btn-text"><a href="#" ><span id="aa" class="listCompanias">(AA) - American Airlines</span></a></div></div></li>
						<li data-corners="false" data-shadow="false" data-iconshadow="true" data-wrapperels="div" data-icon="arrow-r" data-iconpos="right" data-theme="e" ><div class="ui-btn-inner ui-li"><div class="ui-btn-text"><a href="#" ><span id="ab" class="listCompanias">(AB) - Airberlin</span></a></div></div></li>
						<li data-corners="false" data-shadow="false" data-iconshadow="true" data-wrapperels="div" data-icon="arrow-r" data-iconpos="right" data-theme="e" ><div class="ui-btn-inner ui-li"><div class="ui-btn-text"><a href="#" ><span id="ac" class="listCompanias">(AC) - Air Canada</span></a></div></div></li>
		
						</ul>
					
					
					
					<input name="codCompAerea" id="codCompAerea" placeholder="Nome ou cÃ³dgo da Compania" value="" type="hidden" data-mini="true">
					
					<!--
					<ul data-role="listview" id="listviewCompanias">
										<li data-theme="e" data-shadow="fase">
											<a href="#">
												<span id="jj">JJ - Tam Linhas Aereas</span>>
											</a>
										</li>
																				 <li data-theme="e" data-shadow="fase">
											<a href="#">
												<span id="aa" class="listCompanias">(AA) - American Airlines</span>
											</a>
										</li>
					
										<li data-theme="e" data-shadow="fase">
											<a href="#">
													<span id="ab" class="listCompanias">(AB) - Airberlin</span>
												</a>
										</li>
										
										<li data-theme="e" data-shadow="fase">
											<a href="#">
													<span id="ac" class="listCompanias">(AC) - Air Canada</span>>
												</a>
										</li>
														  </ul>-->
					
				</div>
				<div data-role="fieldcontain">
					<label for="numeroVoo">
						Vôo
					</label>
					<input name="numeroVoo" id="numeroVoo" placeholder="Número do Vôo" value="" type="number" data-mini="true">
				</div>
				<div data-role="fieldcontain">
					<label for="data">
						Data
					</label>
					<input name="data" id="data" placeholder="" value="" type="text" data-mini="true" data-role="datebox" data-options='{"mode": "flipbox"}'>
				</div>
				
				<a id="btnPesquisar" data-role="button" data-inline="true" href="#"
                              data-icon="search" data-iconpos="left">
                              Pesquisar
                              </a>
							  
							  <a id="salvarHistorico" data-role="button" data-inline="true" href="#"
                              data-icon="star" data-iconpos="left" style="display: none">
                              Salvar Pesquisa
                              </a>
							  
							   <a id="listar" data-role="button" data-inline="true" href="#"
                              data-icon="star" data-iconpos="left">
								Listar
                              </a>

							  
				</div>
			</div>
		</div>
		
		
		<ul id="listResult" data-role="listview" data-divider-theme="a" data-inset="true" style="display: none">
			<h2>
				<span class="codigoCompania"></span> <span class="numeroVoo"></span>  <span id="nomeCompania"></span> <br />
				<span id="status"></span>
			</h2>
		
            <li data-role="list-divider" role="heading">
                Partida - <span id="dataBuildPartida"></span> 
            </li>
            <li data-theme="c">
                
		        <span id="codAeroportoPartida"></span>   <span id="nomeAeroportoPartida"></span> <br />
				<span id="horaPartida"></span>
                
            </li>
            <li data-role="list-divider" role="heading">
                Chegada - <span id="dataBuildChegada"></span> <br />
            </li>
            <li data-theme="c">
                <span id="codAeroportoChegada"></span> &nbsp;&nbsp;&nbsp;&nbsp; <span id="nomeAeroportoChegada"></span><br />
				<span id="horaChegada"></span>
            </li>
			
			
        </ul>
		
		<ul id="consultas" data-role="listview" data-divider-theme="e" data-inset="true" style="display: none">
            <li data-role="list-divider" role="heading">
                Consultas Salvas
            </li>
            <li data-theme="">
                <span id="listConsultas"></span>				
            </li>
        </ul>
		
		
	</div>
	
	</body>
</html>
